<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/plantillas/menuTemplate.xhtml">
	<ui:define name="content">
	<h:form>
	<h:panelGrid columns="3" styleClass="form">	
	<p:outputLabel value="Proyecto:"/>
	  <p:selectOneMenu value="#{sociosBean.idUnidad}">
	  	       <f:selectItems  value="#{loginBean.listUnidadesH}"></f:selectItems>
	  </p:selectOneMenu>
	  <p:commandButton value="Buscar: "  actionListener="#{sociosBean.listarSocios}" update=":idFormLista"/>	
	 </h:panelGrid> 
	</h:form>
	 <p:panel styleClass="datosTable">
	  <h:form id="idFormLista">
	  <p:dataTable var="socio" value="#{sociosBean.socios}"  rows="10" rowsPerPageTemplate="5,10,15,20"
	   paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
	   cellSeparator="5" paginator="true" scrollable="true" scrollHeight="300" styleClass="datosTable" id="idTable">	  
	   	<p:column headerText="Numero Lista">
	    <h:outputText value="#{socio.numeroLista}"/>
	    </p:column>
	    <p:column headerText="Nombre">
	      <h:outputText value="#{socio.nombreSocio}"/>
	    </p:column>
	    <p:column headerText="Apellido Paterno">
	     <h:outputText value="#{socio.apellidoPaterno}"/>
	    </p:column>
	    <p:column headerText="Apellido Materno">
	    <h:outputText value="#{socio.apellidoMaterno}"/>
	    </p:column>
	    <p:column headerText="Mail">
	    <h:outputText value="#{socio.correo}"/>
	    </p:column>	
	    <p:column headerText="Tel. Movil">
	    <h:outputText value="#{socio.movil}"/>
	    </p:column>
	    <p:column headerText="Telefono">
	    <h:outputText value="#{socio.telefono}"/>
	    </p:column>
	    <p:column headerText="Editar">
	     <p:commandLink value="Editar" actionListener="#{sociosBean.leerSocio(socio)}" oncomplete="PF('widDialogEdit').show();" update=":diagDatosEdit"></p:commandLink>
	    </p:column>	    
	    <p:column headerText="Eliminar">
	     <p:commandLink value="Eliminar" actionListener="#{sociosBean.eliminarSocio(socio)}" oncomplete="PF('widDialog').show();" update=":diagDatos,:idFormLista"/>
	    </p:column>	        	  
	  </p:dataTable>	
	  </h:form>
	 </p:panel>

		<p:dialog widgetVar="widDialogEdit" id="diagDatosEdit" styleClass="form">
		<h:form>
		 <p:panelGrid columns="2">
			<p:outputLabel value="Numero Lista:"/><p:inputText value="#{sociosBean.socio.numeroLista}" />
			<p:outputLabel value="Nombre Socio:"/><p:inputText value="#{sociosBean.socio.nombreSocio}" />
			<p:outputLabel value="Apellido Paterno:"/><p:inputText value="#{sociosBean.socio.apellidoPaterno}" />
			<p:outputLabel value="Apellido Materno:"/><p:inputText value="#{sociosBean.socio.apellidoMaterno}" />
		    <p:outputLabel value="Mail:"/><p:inputText value="#{sociosBean.socio.correo}" />
			<p:outputLabel value="Estatus:"/><p:inputText value="#{sociosBean.socio.idEstatus.descripcion}" />
			<p:outputLabel value="Movil:"/><p:inputText value="#{sociosBean.socio.movil}" />
			<p:outputLabel value="Telefono:"/><p:inputText value="#{sociosBean.socio.telefono}" />
		 </p:panelGrid>
		 <p:commandButton value="Guardar" actionListener="#{sociosBean.actualizarSocio}" oncomplete="PF('widDialogEdit').hide();" update=":idFormLista"></p:commandButton>
		 <p:commandButton value="Cancelar"  ></p:commandButton>
		 </h:form>
		</p:dialog>

		<p:dialog widgetVar="widDialog" id="diagDatos" styleClass="form">
	   <p:outputLabel value="El registro se elimino correctamente"></p:outputLabel>	   
	 </p:dialog>
	 	  
	</ui:define>
</ui:composition>
</html>